/*banner*/
.banner li img{ object-fit: cover;}
.HG_web1200 {width:1200px;margin:0 auto;}
/*首页焦点图-自适应宽度*/
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{position:absolute; left:15%; top:50%; margin-top:-25px; display:block; width:55px; height:50px; background:url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020091800425047764.png) no-repeat; filter:alpha(opacity=50);opacity:0.8; }
.slideBox .next{ position:absolute; left:-15%; top:50%; margin-top:-25px; display:block; width:55px; height:50px; background:url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020091800432054696.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.8;   }
.slideBox .next{ left:auto; right:15%; background-position:3px 0px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.slideBox{ width:100%; overflow:hidden; position:relative; }
.slideBox .hd{ overflow:hidden; position:relative; z-index:1;margin-top:-32px;height:30px;line-height:30px;text-align:center; }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center; }
.slideBox .hd ul li{ display:inline-block; width:12px;height:12px;margin-right:12px; text-align:center;border-radius:50%; background:#fff; cursor:pointer; text-indent:99em;overflow:hidden; }			
.slideBox .hd ul li.on{ background:#c30d23;  }



.slideBox .bds{position:relative;}
.slideBox .bds ul{width: 100%;  }
.slideBox .bds li{ zoom:1; vertical-align:middle; }
.slideBox .bds li.on{ background: red;}
.slideBox .bds ul li img{width: 100%;height:550px;}
/**/
.HG_guanyuwomen{margin:50px 0;    display: none;}
.beijing{background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020091801072698720.png) no-repeat;    padding: 40px 0;}


.picScrollLeft1{position:relative;width:1120px;height:240px;margin: 0 auto;}
.hd1{ position: absolute; bottom: 0;width:100%;}
.hd1 ul{ width: 160px;margin: 0 auto;}
.hd1 ul li{ float: left;text-indent: -9999px; width: 10px; height: 10px;margin: 0 10px; border-radius: 20px;    border: 1px solid #c30d23;    }
.hd1 ul li.on{ background: #c30d23;}
.HG_img_contents li{float: left;width: 260px;margin-bottom: 30px;    margin-right:25px; overflow: hidden;}
.HG_img_contents li:hover{-moz-box-shadow: 0px 10px 10px #CFD1D4;-webkit-box-shadow: 0px 10px 10px #CFD1D4; box-shadow: 0px 10px 10px #CFD1D4;}
.HG_img_contents li a{text-align: center;display: block; line-height: 30px;font-size: 20px;}
.HG_img_contents li p{text-align: center;display: block; font-size: 14px;line-height: 30px; padding-bottom: 7px; float: left;width: 90%;}
.HG_img_contents li img{    height: 160px;width: 100%;transition: all 0.5s;}
.HG_img_contents li:hover img{transform: scale(1.1);}
/*产品介绍*/
/*钻井*/
.HG_qiNR{padding-top: 50px;    position: relative;}
.HG_qiyedongtai{    background: #f4f7f8;}
.GH_ZJPT{    padding: 112px 40px 40px 40px; background: #fff;    margin-bottom: 50px;}
.GH_ZJPT_ul{ float: right; width: 860px;}
.GH_ZJPT_div1{height:457px;width:260px;float: left;    position: relative;    overflow: hidden;}
.GH_ZJPT_ul li{     width: 260px;float: left; margin-bottom: 33px; margin-left: 25px;    overflow: hidden;}
.GH_ZJPT_ul li img{height: 160px;width: 100%;border-radius: 5px 5px 0 0;transition: all 0.5s;}
.GH_ZJPT_ul li:hover{-moz-box-shadow: 0px 10px 10px #CFD1D4;-webkit-box-shadow: 0px 10px 10px #CFD1D4; box-shadow: 0px 10px 10px #CFD1D4;}
.GH_ZJPT_ul li:hover img{transform: scale(1.1);}
.GH_ZJPT_span{    border: 1px solid #bfbfbf;display: block; padding: 10px 0; text-align: center;border-radius: 0 0 5px 5px;    height:30px;}
.GH_ZJPT_ul li a,.GH_ZJPT_div2 a{    text-align: center; display: block;line-height: 30px; font-size: 20px;}
.GH_ZJPT_ul li p,.GH_ZJPT_div2 p{    text-align: center; display: block;font-size: 14px; line-height: 30px; padding-bottom: 7px;float: left;width: 100%;}
.GH_ZJPT_span a{/*margin-top: 10px; margin-bottom: 28px; */}
 .kezu{border: 1px solid #ffb72d;border-radius: 15px;padding: 2px 22px;font-size: 16px;color: #ffb72d;    display: none;}  
.keshou{border: 1px solid #ff743e;border-radius: 15px;padding: 2px 22px;font-size: 16px;color: #ff743e;margin:0 5px;    display: none;}
.beihuo{ border: 1px solid #ccc;border-radius: 15px; padding: 2px 22px; font-size: 16px; color: #ccc;    display: none;}
.GH_ZJPT_div2 a,.GH_ZJPT_div2 p,.kezu,.keshou,.GH_YTGZC_ul li a,.GH_YTGZC_ul li p{-webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,   
#fff -1px 0 0,#fff 0 -1px 0; -   
moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;    
text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;    
*filter: Glow(Color=#fff, Strength=1);   
}


.GH_ZJPT_div1 img{  height: 100%;object-fit: cover;   transition: all 0.5s;}
.GH_ZJPT_div1:hover img{transform: scale(1.1);}
.GH_ZJPT_div1:hover{-moz-box-shadow: 0px 10px 10px #CFD1D4;-webkit-box-shadow: 0px 10px 10px #CFD1D4; box-shadow: 0px 10px 10px #CFD1D4;}
.GH_ZJPT_div2{    position: absolute;top: 70px; width: 100%; text-align: center;}
#li_3,#li_4,#li_5{    margin-bottom: 0;}
/*油船 其他*/
.GH_YTGZC>p>a{font-size: 32px;margin-bottom: 20px; display: block;}
.GH_YTGZC{padding: 40px; background: #fff;    margin-bottom: 50px;}
.GH_YTGZC_ul{ float: right; width: 100%;}
.GH_YTGZC_div1{height:614px;width:260px;float: left;    position: relative;}
.GH_YTGZC_ul li{     width: 260px;float: left; margin-bottom: 33px; margin-left: 25px;    overflow: hidden;}
.GH_YTGZC_ul li img{height: 160px;width: 100%;object-fit: cover;border-radius: 5px 5px 0 0;  transition: all 0.5s;}
.GH_YTGZC_ul li:hover img{transform: scale(1.1);}
.GH_YTGZC_span{    border: 1px solid #bfbfbf;display: block; padding: 10px 0; text-align: center;height:30px;}
.GH_YTGZC_ul li a,.GH_YTGZC_div2 a{    text-align: center; display: block;line-height: 30px; font-size: 20px;}
.GH_YTGZC_span a{/* margin-top: 10px; margin-bottom: 28px;*/}
.GH_YTGZC_ul li p,.GH_YTGZC_div2 p{    text-align: center; display: block;font-size: 14px; line-height: 30px; padding-bottom: 7px;float: left;width: 100%;}
.GH_YTGZC_span{    border: 1px solid #bfbfbf; display: block; padding: 10px 0;    border-radius: 0 0 5px 5px;}
 .kezu{border: 1px solid #ffb72d;border-radius: 15px;padding: 2px 22px;font-size: 16px;color: #ffb72d;}  
.keshou{border: 1px solid #ff743e;border-radius: 15px;padding: 2px 22px;font-size: 16px;color: #ff743e;}

.GH_YTGZC_div1 img{  height: 100%;object-fit: cover;transition: all 0.5s}
.GH_YTGZC_div1:hover img{transform: scale(1.1);}
.GH_YTGZC_div2{    position: absolute;top: 70px; width: 100%; text-align: center;}
#lii_0,#lis_0{ position: relative;}
#lii_0 img,#lis_0 img{    height: 212px; border-radius: 5px;}
#lii_0>span,#lis_0>span{    position: absolute;top: 30px;width: 100%; border: 0;}
#lii_0,#lii_4,#lis_0,#lis_4{    margin-left: 0;}
#lii_4,#lii_5,#lii_6,#lii_7,#lis_4,#lis_5,#lis_6,#lis_7{margin-bottom: 0;}

/*钻井切换*/
.flfgNavs{    position: absolute;top: 210px;right: 0;}
.flfgLists{width:100%;height: 34px;    background: #e0f2ff;}
.flfgLists a {    padding: 0 15px;display: block;float: left; height: 34px;font-size: 20px; text-align: center;line-height: 34px;color: #333;}
.flfgLists a.hover, .flfgLists a:hover {color: #fff;background: #c30d23;}
.tab4{display:none;}
.mingcheng{    position: absolute;top: 200px;left: 40px;}
.mingcheng>p a{    font-size: 32px; display: block;}
/*标题*/
.HG_cp{    display: block;float: left;height: 40px;background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041711412897541.png) no-repeat;background-position: 140px;margin-bottom: 30px; width: 100%;}
.HG_cp a{font-size: 30px;line-height: 40px;font-weight: bold;}
.HG_cp>span{float:right;}
.HG_cp>span>a{font-size: 18px;}
/*居中标题*/
.HG_jz{display: block;background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020070110312817062.png) no-repeat;background-position: 50% 5px;margin-bottom: 30px;width: 100%;text-align: center;} 
.HG_jz a{font-size: 30px;line-height: 40px;font-weight: bold;}    
 .HG_jz p{display: block; font-size: 18px; color: #bfbfbf;line-height: 30px; margin-top: 20px;}
/*企业与党建*/

.flfgNav{overflow:hidden;width:100%;}
.flfgList{width:100%;height: 40px;position: relative;    margin-bottom: 40px;}
.flfgList a {padding-right: 100px;display: block;float: left;height: 40px;font-size: 30px;text-align: center;line-height: 40px;font-weight: bold; color: #bfbfbf;}
.flfgList a.hover, .flfgList a:hover {color: #333;font-weight: bold;background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041711412897541.png) no-repeat;background-position: 140px;}
.tab3{display:none;}
.HG_chanpinjieshao{margin:50px 0;}
.flfgNav_div{ float: left;width: 100%;  -moz-box-shadow:2px 0px 20px #EFF1F4; -webkit-box-shadow:2px 0px 20px #EFF1F4; box-shadow:2px 0px 20px #EFF1F4;    margin-bottom: 30px;}
.flfgNav_div img{width: 440px; height: 245px; float: left;}
.flfgNav_nr{ width: 680px;float: left; padding: 20px 39px;}
.flfgNav_div span{font-size: 16px;color: #666666;line-height: 30px;display: block;width: 680px; float: left;}
.flfgNav_div h3{width:100%;float:left;margin-bottom: 13px;}
.flfgNav_div h3 a{font-size: 24px;line-height: 50px;}
.flfgNav_div p{font-size: 16px;float: left;width: 100%;line-height: 30px;}
.flfgNav_nr>a{font-size: 16px;line-height: 32px;margin-top: 20px;float: left; background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041711424984089.png) no-repeat; background-position: 80px; padding-right: 40px;    background-size: 18px;}
.flfgNav_nr>a:hover{background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041711424390523.png) no-repeat;    padding-right: 40px;background-position: 80px;    background-size: 18px;}

.flfgNav_ul li{float: left;width: 100%;}
.flfgNav_ul li span{float: right; font-size: 16px; line-height: 30px;    color: #333;}
.flfgNav_ul li:hover span{color: #c30d23;}
.flfgNav_ul li:hover a{color: #c30d23;}
.flfgNav_ul li a {font-size: 16px;line-height: 30px;}
.flfgNav_ul li:last-child {margin-right:0;}

.flfgNav_ul{    position: relative;}
.ckgd{    position: absolute;right: 0;bottom: 40px;}
.ckgd a{    font-size: 18px;line-height: 40px; font-weight: bold;color: #a8b9e4;}
.ckgd a:hover{color: #fff;}
/*合作伙伴*/
.HG_hezuohuoban{background: #e8f1ff;}
.HG_hzhbNR{    padding: 50px 0;}
.HG_lj{ float: left;}
.HG_lj li{ float: left;width: 190px; margin-right: 10px; margin-bottom: 10px;}
#id-5,#id-11{margin-right: 0px;}
.HG_lj li:hover{-moz-box-shadow: 0px 0px 15px #0C3787; -webkit-box-shadow: 0px 0px 15px #0C3787; box-shadow: 0px 0px 15px #0C3787;}
.HG_lj li a img{height:55px;    border-radius: 3px;width:100%;}
#HG_cp{margin-bottom:50px;}


/*手机端768px*/
@media only screen and (min-width: 100px) and (max-width: 768px) {
.HG_xinwen{}
.HG_xinwenNR{width:96%;}
.flick-content img{height:200px;}
.flickerplate .dot-navigation{    bottom: 50px;}
.slideBox .bds ul li img { height: 200px;}
.slideBox .prev{    background-size: 30px;}
.slideBox .hd ul{display: none;}
.web_logo .search{    top: 245px;}
.slideBox .next{ background-size: 30px;}
.div_xinwen ul li{    margin: 10px 0;}
.div_xinwen ul li>a{line-height: 30px;font-size: 20px;    text-align: center;}
.div_xinwen ul li p,.div_xinwen ul li p span a{    font-size: 14px;    text-align: center;}
.HG_xinwenLB{width:100%;}
#box{display: none;}
.div_xinwen ul li p span a{    width: 100%;float: left;text-align: center;}
.HG_web1200{width:96%;}
.HG_guanyuwomen{margin: 20px 0;}
.HG_gywm span{    width: 100%;}
.HG_gywm img{display: none;}
.flfgNav_div span{width:100px;}
.HG_gywm h3{ margin-bottom: 20px;font-size: 20px;background-position: 100px; background-size: 20px; margin-top: 0;}
.HG_gywm span p{    line-height: 30px; font-size: 16px;}
.HG_gywm span a{     margin-top: 10px;font-size: 16px;padding: 5px 0; float: left;  width: 60%; text-align: center;margin: 10px 20% 0 20%;}
.HG_qiNR{    padding: 20px 0;}
.flfgList a{    font-size: 20px; padding-right: 50px;}
.flfgList a.hover, .flfgList a:hover{    background-position: 95px;background-size: 20px;}
.flfgList{    margin-bottom: 10px;}
.flfgNav_div img{    width: 100%;height: auto;    max-height: 200px !important;}
.flfgNav_nr{width: 96%; padding: 2%;}
.flfgNav_div h3 a{ font-size: 20px; line-height: 30px;margin-bottom:0;}
.flfgNav_ul li{    display: none;}
.flfgNav_div h3{margin-bottom:0;}
.flfgNav_nr>a{     margin-top: 10px;font-size: 16px; padding: 5px 0;float: left; width: 60%; text-align: center; margin: 10px 20% 10px 20%;  border: 1px solid #333; border-radius: 20px; background: none !important; padding-right: 0;line-height: 20px;}
.flfgNav_nr>a:hover{padding-right:0;}
.HG_cp{    margin-bottom: 20px; background-size: 20px;background-position: 95px;}
.HG_cp a{font-size: 20px;}
.HG_chanpinjieshao{    margin: 20px 0;}
.myscroll{    width: 100%;    height: 180px;    margin-bottom: 20px;}
.myscroll .myscrollbox{    width: 100%; height: 180px;}
.HG_tx{    width: 92%; padding: 4%; height: auto;}
.HG_tx h3{    font-size: 20px;line-height: 30px; margin-bottom: 10px;}
.HG_tx span{    margin-bottom: 10px;}
.HG_tx p{    font-size: 16px;}
.myscroll .huadong .intro{    width: 100%;    height: 180px;    bottom: -130px;    overflow: hidden;}
.myscroll:hover .intro h5{    margin-top: 10px; margin-bottom: 10px;  margin-left: 0px; line-height: 30px; height: 30px;    text-align: center;}
.myscroll ul li{    width: 94%;}
.HG_hzhbNR{padding: 20px 0;}
.HG_lj li{    width: 50%; margin-right: 0px;     text-align: center;}

.myscroll .huadong .intro h5{    font-size: 18px;}
/*最新介绍*/
.picScrollLeft1{width:100%;    overflow: hidden;}
.HG_img_contents li{ width: 100%;}
.HG_img_contents li img{height:60vw;object-fit: unset;}

.HG_jz{background-size:40%;    background-position: 50% 10px;    margin-bottom: 20px;}
.HG_jz a{font-size: 20px;}
.picScrollLeft1{height:auto;}
.mingcheng{left: 20px;}
.mingcheng>p a{    font-size: 20px;}
.GH_ZJPT{padding: 112px 0px 0px 0px;margin-bottom:20px;}
.flfgNavs{    top: 240px;}
.flfgLists a{    padding: 0 10px;    font-size: 16px;}
.GH_ZJPT_div1{    display: none;}
.GH_ZJPT_ul{    width: 96%;margin: 0 auto;float: none;}
.GH_ZJPT_ul li{    width: 100%;margin-left:0;    margin-bottom: 20px;}
.GH_ZJPT_ul li img{height:200px;      object-fit: cover;}
#li_3,#li_4,#li_5,#li_6{display: none;}
/*油田*/
.GH_YTGZC{padding:0;}
.GH_YTGZC>p>a{    padding: 20px;margin-bottom:0;    font-size: 20px;}
.GH_YTGZC_ul li{    width: 100%;    margin-bottom: 20px;    margin-left: 0;}
.GH_YTGZC_ul{    float: none;width: 96%; margin: 0 auto;}
.GH_YTGZC_ul li img{height:200px;     object-fit: cover;}
#lii_4,#lii_5,#lii_6,#lii_7,#lii_8,#lis_4,#lis_5,#lis_6,#lis_7,#lis_8{display: none;}

#HG_cp{margin-bottom:20px;}
}